<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="JZH">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>小米商城</title>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/koala.min.1.5.js"></script>
    <script src="js/terminator2.2.min.js"></script>
    <script src="js/jquery-3.1.1.js"></script>
    <script src="js/index.js"></script>
    <link rel="stylesheet" href="css/datouwang.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<nav>
<div class="header">
    <ul class="u2">
        <li><a href="">小米商城<span>|</span></a></li>
        <li><a href="">MIUI<span>|</span></a></li>
        <li><a href="">米聊<span>|</span></a></li>
        <li><a href="">游戏<span>|</span></a></li>
        <li><a href="">多看阅读<span>|</span></a></li>
        <li><a href="">云服务<span>|</span></a></li>
        <li><a href="">金融<span>|</span></a></li>
        <li><a href="">小米商城移动版<span>|</span></a></li>
        <li><a href="">问题反馈<span>|</span></a></li>
        <li><a href="">Select Region</a></li>
    </ul>
</div>
<div class="header clearfix">
    <a href="">登录<span>|</span></a>
    <a href="">注册<span>|</span></a>
    <a href="">消息通知<span>|</span></a>
  <div id="gouwu">
        <a href=""><img id="img1" src="images/gouwuche.png">购物车(0)</a>
     <div class="xinxi">
          <span>购物车中还没有商品,赶紧选购吧!</span>   
    </div>    
  </div>
</div>
</nav>
<section class="s1">
    <ul>
        <li><img id="img1" src="images/logo.png" alt=""></li>
        <li><img src="images/yishujia.png" alt=""></li>
        <li><a>小米手机</a></li>
        <li><a>红米</a></li>
        <li><a>平板·笔记本</a></li>
        <li><a>电视</a></li>
        <li><a>盒子·影音</a></li>
        <li><a>路由器</a></li>
        <li><a>智能硬件</a></li>
        <li><a>服务</a></li>
        <li><a>社区</a></li>
    </ul>
  <form>
    <div>
        <input type="text" placeholder="红米 4x&#X3000;小米电视3s 48英寸">
        <div class="d1"><img src="images/sousuo.png" alt=""></div>
    </div>
  </form>
  <div class="d2">
    <ul style="display: none"></ul>    
    <ul>
        <li><img src="images/xiaomi1.png" alt=""><div class="new1">新品</div><a href="">小米手机5C<p class="p2">1499元</p></a></li>
        <li><img src="images/xiaomi2.png" alt=""><a href="">小米Note 2<p class="p2">2799元起</p></a></li>
        <li><img src="images/xiaomi3.png" alt=""><a href="">小米MIX<p class="p2">3499元起</p></a></li>
        <li><img src="images/xiaomi4.png" alt=""><a href="">小米5s<p class="p2">1999元起</p></a></li>
        <li><img src="images/xiaomi5.png" alt=""><a href="">小米5s Plus<p class="p2">2299元起</p></a></li>
        <li><img src="images/xiaomi6.png" alt=""><a href="">小米5<p class="p2">1799元起</p></a></li>
    </ul>
    <ul>
        <li><img src="images/hongmi1.png" alt=""><div class="new1">新品</div><a href="">红米Note 4X<p class="p2">999元起</p></a></li>
        <li><img src="images/hongmi2.png" alt=""><a href="">红米Note 4<p>999元起</p></a></li>
        <li><img src="images/hongmi3.png" alt=""><a href=""><div class="new1">新品</div><a href="">红米4X<p class="p2">699元起</p></a></li>
        <li><img src="images/hongmi4.png" alt=""><a href="">红米4s<p class="p2">799元起</p></a></li>
     </ul>
    <ul>
        <li><img src="images/pingban1.png" alt=""><a href="">小米平板2 16GB<p class="p2">999元</p></a></li>
        <li><img src="images/pingban2.png" alt=""><a href="">小米笔记本Air 12.5''<p>3499元</p></a></li>
        <li><img src="images/pingban3.png" alt=""><a href="">小米笔记本Air 13.3''<p class="p2">4999元</p></a></li>
        <li><img src="images/pingban4.png" alt=""><div class="new1">新品</div><a href="">小米笔记本Air 13.3''尊享版<p class="p2">5999元起</p></a></li>
    </ul>
    <ul>
        <li><img src="images/dianshi1.png" alt=""><a href="">小米电视3s 48英寸<p class="p2">2599元</p></a></li>
        <li><img src="images/dianshi2.png" alt=""><a href="">小米电视3s 55英寸<p class="p2">3999元起</p></a></li>
        <li><img src="images/dianshi3.png" alt=""><a href="">小米电视3s 60英寸<p class="p2">4799元起</p></a></li>
        <li><img src="images/dianshi4.png" alt=""><a href="">小米电视3s 65英寸<p class="p2">6699元起</p></a></li>
        <li><img src="images/dianshi5.png" alt=""><a href="">小米电视3s 70英寸<p class="p2">9999元起</p></a></li>
        <li><img src="images/dianshi6.png" alt=""><a href="">查看全部<br>小米电视</p></a></li>
    </ul>
    <ul>
        <li><img src="images/hezi1.png" alt=""><a href="">小米盒子3s<p class="p2">299元</p></a></li>
        <li><img src="images/hezi2.png" alt=""><a href="">小米盒子3c<p class="p2">199元</p></a></li>
        <li><img src="images/hezi3.png" alt=""><a href="">小米盒子3s 增强版<p class="p2">399元</p></a></li>
        <li><img src="images/hezi4.png" alt=""><a href="">小米盒子mini版<p class="p2">179元</p></a></li>
        <li><img src="images/hezi5.png" alt=""><a href="">小米家庭影院<p class="p2">1999元</p></a></li>
        <li><img src="images/hezi6.png" alt=""><a href="">小米家庭音箱 标准版<p class="p2">699元</p></a></li>
    </ul>
    <ul>
        <li><img src="images/lyq1.png" alt=""><div class="new1">新品</div><a href="">小米路由器 HD<p class="p2">1299元</p></a></li>
        <li><img src="images/lyq2.png" alt=""><div class="new1">新品</div><a href="">小米路由器 Pro<p class="p2">499元</p></a></li>
        <li><img src="images/lyq3.png" alt=""><a href="">小米路由器 3<p class="p2">149元</p></a></li>
        <li><img src="images/lyq4.png" alt=""><a href="">小米路由器 3C<p class="p2">99元</p></a></li>
        <li><img src="images/lyq5.png" alt=""><a href="">小米WIFI放大器 2 <p class="p2">49元</p></a></li>
    </ul>
    <ul>
        <li><img src="images/zn1.png" alt=""><div class="new1">新品</div><a href="">小米体脂称<p class="p2">199元</p></a></li>
        <li><img src="images/zn2.png" alt=""><div class="new1">新品</div><a href="">米家行车记录仪<p class="p2">349元</p></a></li>
        <li><img src="images/zn3.png" alt=""><div class="new1">新品</div><a href="">小米无人机 4k 版<p class="p2">2999元</p></a></li>
        <li><img src="images/zn4.png" alt=""><div class="new1">新品</div><a href="">小米米家对讲机<p class="p2">249元</p></a></li>
        <li><img src="images/zn5.png" alt=""><a href="">米家IH电饭煲<p class="p2">399元</p></a></li>
        <li><img src="images/zn6.png" alt=""><a href="">查看全部<br>智能硬件</a></li>
    </ul>
    </div>
 <seciton class="s2">
      <div class="d3">
        <ul>
            <li><span>手机 电话卡</span><span class="right">&gt;</span></li>
            <li><span>笔记本 平板</span><span class="right">&gt;</span></li>
            <li><span>电视 盒子</span><span class="right">&gt;</span></li>
            <li><span>路由器 智能硬件</span><span class="right">&gt;</span></li>
            <li><span>移动电源 电池 插线板</span><span class="right">&gt;</span></li>
            <li><span>耳机 音箱</span><span class="right">&gt;</span></li>
            <li><span>保护套 贴膜</span><span class="right">&gt;</span></li>
            <li><span>线材 支架 存储卡</span><span class="right">&gt;</span></li>
            <li><span>箱包 服饰</span><span class="right">&gt;</span></li>
            <li><span>米兔 生活周边</span><span class="right">&gt;</span></li>
        </ul>    
      </div> 
 </seciton>  
 <section class="s3">
   <ul class="pic">
       <li class="current"><a href=""><img src="images/lb1.png" alt=""></a></li>
       <li><a href=""><img src="images/lb2.png" alt=""></a></li>
       <li><a href=""><img src="images/lb3.png" alt=""></a></li>
       <li><a href=""><img src="images/lb4.png" alt=""></a></li>
       <li><a href=""><img src="images/lb5.png" alt=""></a></li>
    <div class="page">
        <span class="pre">&lt;</span>
        <span class="next">&gt;</span>
     </div>   
   </ul>
   <!--<ul class="indicator">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
     </ul>-->
</section>
<seciton class="s4">
<div class="d6">
 <ul class="d4">
    <li><a href=""><img class="img2" src="images/xuangou.png" alt=""></a><p>选购手机</p></li>
    <li><a href=""><img class="img2" src="images/tuangou.png" alt=""></a><p>企业团购</p></li>
    <li><a href=""><img class="img2" src="images/yiyuan.png" alt=""></a><p>一元活动</p></li>
    <li><a href=""><img class="img2" src="images/yidong.png" alt=""></a><p>小米移动</p></li>
    <li><a href=""><img class="img2" src="images/huanxin.png" alt=""></a><p>以旧换新</p></li>
    <li><a href=""><img class="img2" src="images/huafei.png" alt=""></a><p>话费充值</p></li>
 </ul>
</div>
<ul class="d5">
    <li><img class="img3" src="images/xiao5.png" alt=""></li>
    <li><img class="img3" src="images/hong4.png" alt=""></li>
    <li><img class="img3" src="images/jiqi.png" alt=""></li>
</ul>
</seciton>
<seciton class="s5">
    <h2>小米明星单品</h2>
    <!--<div class="j1">
        <span class="left">&lt;</span>
        <span class="right">&gt;</span>
    </div>-->
    <ul>
        <li><img class="img4" src="images/dan6.png" alt=""><a href=""><p>小米5s Plus<br>5.7英寸大屏双摄手机，拍照黑科技</p><p class="p3">2299元起</p></a></li>
        <li><img class="img4" src="images/dan7.png" alt=""><a href=""><p>小米电视3s 55英寸<br>人工智能电视，4K大屏新旗舰</p><p class="p3">3999元起</p></a></li>
        <li><img class="img4" src="images/dan8.png" alt=""><a href=""><p>小米移动电源2<br>双向快充，高密度锂聚合物电芯</p><p class="p3">79元起</p></a></li>
        <li><img class="img4" src="images/dan9.png" alt=""><a href=""><p>小米手环 2<br>OLED显示屏幕，升级计步算法</p><p class="p3">149元起</p></a></li>
        <li><img class="img4" src="images/dan10.png" alt=""><a href=""><p>小米净水器 厨下式<br>直出纯净水，隐藏式安装</p><p class="p3">1999元起</p></a></li>
    </ul>
    <ul>
        <li><img class="img4" src="images/dan1.png" alt=""><a href=""><span>米家LED智能台灯<br>无可视频闪，高度色温无级调节</span><p class="p3">169元</p></a></li>
        <li><img class="img4" src="images/dan2.png" alt=""><a href=""><span>米家iHealth血压计<br>爸妈上手就会用的智能血压计</span><p class="p3">399元</p></a></li>
        <li><img class="img4" src="images/dan3.png" alt=""><a href=""><span>小米路由器<br>更快更强，不止四天线</span><p class="p3">149元</p></a></li>
        <li><img class="img4" src="images/dan4.png" alt=""><a href=""><span>小米活塞耳机 清新版<br>铝合金音腔，第三代平衡阻尼系统</span><p class="p3">29元</p></a></li>
        <li><img class="img4" src="images/dan5.png" alt=""><a href=""><span>小米体重秤<br>100克，喝杯水都可感知的精准</span><p class="p3">99元起</p></a></li>
    </ul>
</seciton>
</section>
<main>
    <section class="s6">
    <h4>智能硬件</h4>
    <span>查看全部></span>
    <ul>
        <li><img class="img5" src="images/zhineng1.png" alt=""></li>
        <li><a href=""><img class="img6" src="images/zhineng2.png" alt=""><p class="p4">米家行车记录仪</p><p class="p5">晚上能拍清车牌的行车记录仪</p><p class="p6">349元</p></a></li>
        <li><a href=""><img class="img6" src="images/zhineng3.png" alt=""><p class="p4">小米米家对讲机</p><p class="p5">今早10点开售</p><p class="p6">249元</p></a></li>
        <li><a href=""><img class="img6" src="images/zhineng4.png" alt=""><p class="p4">小米路由器</p><p class="p5">今早10点开售</p><p class="p6">1299元</p></a></li>
        <li><a href=""><img class="img6" src="images/zhineng5.png" alt=""><p class="p4">米兔儿童手表Q</p><p class="p5">11重安全设计，五重精准定位</p><p class="p6">299元</p></a></li>
        <li><a href=""><img class="img6" src="images/zhineng6.png" alt=""><p class="p4">米家小白智能摄像机</p><p class="p5">全景拍摄，1080P高清摄像</p><p class="p6">399元</p></a></li>
        <li><a href=""><img class="img6" src="images/zhineng7.png" alt=""><p class="p4">九号平衡车</p><p class="p5">年轻人的酷玩具，骑行遥控两种玩法</p><p class="p6">1999元</p></a></li>
        <li><a href=""><img class="img6" src="images/zhineng8.png" alt=""><p class="p4">米家骑记电助力折叠自行车</p><p class="p5">力距传感电助力，让城市出行轻松有趣</p><p class="p6">2999元</p></a></li>
        <li><a href=""><img class="img6" src="images/zhineng9.png" alt=""><p class="p4">小米米家电助滑板车</p><p class="p5">极简几何设计，1分钟轻松上手</p><p class="p6">1999元</p></a></li>
    </ul>
</section>
    <section class="s7">
    <h5>搭配</h5>
    <span>电池存储卡</span>
    <span>电源</span>
    <span>耳机音箱</span>
    <span>热门</span>
    <ul>
        <li><img class="img7" src="images/dapei1.png" alt=""></li>
        <li><img class="img8" src="images/re5.png" alt=""><p class="p4">小米移动电源10000mAh高配版</p><p class="p6">149元</p><p class="p5">2795人评价</p></a></li>
        <li><a href=""><img class="img8" src="images/re2.png" alt=""><p class="p4">20000mAh小米移动电源2</p><p class="p6">149元</p><p class="p5">7233人评价</p></a></li>
        <li><a href=""><img class="img8" src="images/re3.png" alt=""><p class="p4">小米网络音箱</p><p class="p6">399元</p><p class="p5">2872人评价</p></a></li>
        <li><a href=""><img class="img8" src="images/re4.png" alt=""><p class="p4">小米活塞耳机</p><p class="p6">29元</p><p class="p5">1.6万人评价</p></a></li>
        <li><a href=""><img  class="img7" src="images/dapei2.png" alt=""></a></li>
        <li><a href=""><img class="img8" src="images/erji3.png" alt=""><p class="p4">小米圈铁耳机</p><p class="p6">149元</p><p class="p5">1.1万人评价</p></a></li>
        <li><a href=""><img class="img8" src="images/re1.png" alt=""><p class="p4">小米运动蓝牙耳机</p><p class="p6">149元</p><p class="p5">2076人评价</p></a></li>
        <li><a href=""><img class="img8" src="images/re7.png" alt=""><p class="p4">小米蓝牙耳机青春版</p><p class="p6">59元</p><p class="p5">1.4万人评价</p></a></li>
        <li>
            <ul class="u1">
            <li class="d7">
               <img class="img9" src="images/re6.png" alt="">
               <a href=""><span class="p7">小米小钢炮蓝..</span><br>
               <p class="p6">129元</p></a> 
            </li>
            <li class="d8">
               <a href=""><span class="p7">浏览更多<img src="images/jiantou.png" alt=""></span>
               <p class="p5">热门</p></a> 
            </li>
            </ul>
        </li>
    </ul>
</section>
<section class="s7">
    <h5>周边</h5>
    <span>生活周边</span>
    <span>米兔</span>
    <span>服装</span>
    <span>热门</span>
    <ul>
        <li><img class="img7" src="images/zhoubian1.png" alt=""></li>
        <li><img class="img8" src="images/re5.png" alt=""><p class="p4">小米移动电源10000mAh高配版</p><p class="p6">149元</p><p class="p5">2795人评价</p></a></li>
        <li><a href=""><img class="img8" src="images/zhoubian6.png" alt=""><p class="p4">小米简约头层小牛皮钱包</p><p class="p6">129元</p><p class="p5">494人评价</p></a></li>
        <li><a href=""><img class="img8" src="images/zhoubian5.png" alt=""><p class="p4">8H标准乳胶枕</p><p class="p6">149元</p><p class="p5">4025人评价</p></a></li>
        <li><a href=""><img class="img8" src="images/zhoubian4.png" alt=""><p class="p4">最生活浴巾</p><p class="p6">99元</p><p class="p5">423人评价</p></a></li>
        <li><a href=""><img  class="img7" src="images/zhoubian2.png" alt=""></a></li>
        <li><a href=""><img class="img8" src="images/zhoubian8.png" alt=""><p class="p4">防雾霾口罩</p><p class="p6">69元</p><p class="p5">2939人评价</p></a></li>
        <li><a href=""><img class="img8" src="images/zhoubian7.png" alt=""><p class="p4">米家签字笔</p><p class="p6">14.9元</p><p class="p5">2.7万人评价</p></a></li>
        <li><a href=""><img class="img8" src="images/re7.png" alt=""><p class="p4">小米蓝牙耳机青春版</p><p class="p6">59元</p><p class="p5">1.4万人评价</p></a></li>
        <li>
            <ul class="u1">
            <li class="d7">
               <img class="img9" src="images/re6.png" alt="">
               <a href=""><span class="p7">小米小钢炮蓝..</span><br>
               <p class="p6">129元</p></a> 
            </li>
            <li class="d8">
             <img class="img9" src="images/zhoubian31.png" alt="">
               <a href=""><span class="p7">变形金刚特别..</span><br>
               <p class="p6">169元</p></a> 
            </li>
            </ul>
        </li>
    </ul>
</section>
</main>
   <section class="s8">
        <ul>
            <li>
                <div><img src="images/yuyue.png">预约维修服务<span>|</span></div>
            </li>
            <li>
                <div><img src="images/tuihuo.png">七天无理由退货<span>|</span></div>
            </li>
            <li>
                <div><img src="images/huanhuo.png">15天免费换货<span>|</span></div>
             </li>
            <li>
                <div><img src="images/baoyou.png">满150元包邮<span>|</span></div>
            </li>
            <li>
                <div><img src="images/wangdian.png">520余家售后网点</div>
            </li>
        </ul>
        <hr>
        <div style="clear: both;"></div>
    </section>
  <section class="s9">
        <ul>
            <div>帮助中心</div>
            <li>账户管理</li>
            <li>购物指南</li>
            <li>订单操作</li>
        </ul>
        <ul>
            <div>服务支持</div>
            <li>售后政策</li>
            <li>自助服务</li>
            <li>相关下载</li>
        </ul>
        <ul>
            <div>线下门店</div>
             <li>小米之家</li>
            <li>服务网点</li>
            <li>零售网点</li>
         </ul>
         <ul>
            <div>关于小米</div>
            <li>了解小米</li>
            <li>加入小米</li>
            <li>联系我们</li>  
        </ul>
        <ul>
            <div>关注我们</div>
            <li>新浪微博</li>
            <li>小米部落</li>
            <li>官方微信</li>
        </ul>
        <ul>
            <div>特色服务</div>
            <li>F码通道</li>
            <li>礼物码</li>
            <li>防伪查询</li>
        </ul>
       <div class="lianxi">
            <p class="tell">400-100-5678</p>
            <p>周一至周日 8:00-18:00 </p>
            <p>（仅收市话费）</p>
            <div class="kefu"> 24小时在线客服</div>
        </div>
        <div style="clear: both;"></div>
    </section>
    
    <footer>
    <section class="s10">
        <div class="content">
            <p>
            <div><img class="img9" src="images/logo.png"></div>    
            <a href="#">小米商城</a><span>|</span>
            <a href="#">MIUI</a><span>|</span>
            <a href="#">米聊</a><span>|</span>
            <a href="#">多看书城</a><span>|</span>
            <a href="#">小米路由器</a><span>|</span>
            <a href="#">视频电话</a><span>|</span>
            <a href="#">企业团购</a><span>|</span>
            <a href="#">小米天猫店</a><span>|</span>
            <a href="#">小米淘宝直营店</a><span>|</span>
            <a href="#">小米网盟</a><span>|</span>
            <a href="">小米移动</a><span>|</span>
            <a href="#">Select Region</a>
            </p>
            <p class="huiji">
                @<a href="#">mi.com</a><span> 京ICP证110507号</span>
                <a href="#">京ICP备10046444号</a>
                <a href="#">11010802020134号</a>
                <a href="#"> 京网文[2014]0059-0009号 </a>
                <br>
                违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </p>
        </div>
        <div class="logo">
            <img src="images/logo2.png" alt="">
            <img src="images/logo3.png" alt="">
            <img src="images/logo4.png" alt="">
            <img src="images/logo5.png" alt="">
        </div>
        <div style="clear: both;"></div>
        <div class="over"></div>
    </section>
     <h1>探索黑科技,小米为发烧而生！</h1>
    </footer>
   
<html>